page{
  width: 100%;
  background: #420386;
}
.task-model {
  background-repeat: no-repeat;
  background-size: 100% 844rpx;
  min-height: 100vh;
  padding: 430rpx 25rpx 0;
  .task {
    z-index: 1;
    border-radius: 10rpx;
    background: #fff;
    padding: 37rpx 20rpx;
    display: flex;
    align-items: center;
    // border-bottom: 1rpx solid #F6F6F6;
    position: relative;
    .task-icon {
      width: 100rpx;
      height: 100rpx;
      border-radius: 32rpx;
    }
    .task-content {
      flex-grow: 1;
      padding: 0 25rpx;
      .task-name {
        font-size: 30rpx;
        margin-bottom: 8rpx;
        color: #333;
      }
      .task-reward {
        font-size: 28rpx;
        color: #FF8A34;
      }
    }
    .task-btn {
      width: 158rpx;
      height: 58rpx;
      font-size: 26rpx;
      line-height: 58rpx;
      color: #fff;
      background: -webkit-linear-gradient(-132deg, #6069D9 0%, #454CA3 100%);
      border-radius: 29rpx;
      &::after {
        border: none;
      }
    }
    .finish-task {
      background: #c5c5c5;
    }
  }
  .shadow1 {
    opacity:0.15;
    background:#fff;
    border-radius: 10rpx;
    margin: -160rpx auto 10rpx;
    width: 670rpx;
    height: 174rpx;
  }
  .shadow2 {
    opacity:0.15;
    background:#fff;
    border-radius: 10rpx;
    margin: -170rpx auto 20rpx;
    width: 638rpx;
    height: 174rpx;
  }
}

/* loading view */
.load-view-box {
  width: 100%;
  height: 100vh;
  display: flex;
  z-index:3;
  justify-content: center;
  align-items: center;
  .loading-text {
    font-size: 28rpx;
    color: #fff;
  }
}

.mongolia {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  .guide {
    position: absolute;
    top: 0;
    // right: 80rpx;
    text-align: center;
    .guide-arrow {
      width: 71rpx;
      height: 120rpx;
    }
    .click-me {
      font-size: 36rpx;
      color: #FFFFFF;
      line-height: 52rpx;
    }
  }
  .step-tip {
    margin-top: 200rpx;
    padding: 52rpx;
    .step {
      font-family: PingFangSC-Regular;
      font-size: 32rpx;
      color: #FFFFFF;
      letter-spacing: 1rpx;
      line-height: 73rpx;
      .highlight {
        color: #FFE059;
      }
    }
    .indent {
      text-indent: 50rpx  // 首行缩进
    }
  }
}